<template>
	<div id="footernav">
		
		<div id="footer_nav" class="footer_nav" @click="flag=!flag">
			<img src="../../assets/images/navigation.png"/>
			<p>导航</p>
		</div>
	
	 	<div class="footer_nav_show" v-if="flag">
            
            <ul class="list">                    
                
                <li>
                    
                        <img src="../../assets/images/menu.png"/>
                        <p>菜单</p>
                   
                  
                </li>
                
                <li>
                   
                         <img src="../../assets/images/cart.png"/>
                        <p>购物车</p>
                    
                </li>
                
                <li>	
                    
                       <img src="../../assets/images/order.png"/>
                        <p>我的订单</p>
                   	
                   
                </li>				
                
                <li>	
                  
                       <img src="../../assets/images/wallet.png"/>
                        <p>结账</p>
                   
                    
                </li>
                
                <li>
                    <img src="../../assets/images/close.png"/>
                    <p @click="flag=!flag">返回</p>
                </li>
            </ul>
            
            
        </div>
		
		
	</div>
</template>
<script>

	export default{
		data(){
			return {
				
				flag:false
			}
		}
	}
	

</script>
<style lang="scss">

</style>